<template>
    <div>
        <div>
            <mt-header title="还款指南">
                <router-link to="/" slot="left">
                    <mt-button icon="back">返回</mt-button>
                </router-link>
                <mt-button icon="more" slot="right"></mt-button>
            </mt-header>
        </div>
        <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="height: 900px">
            <el-card style="border-radius: 14px; margin-top: 10px; width: 360px; margin-left: 6px" class="box-card">
                <div slot="header" class="clearfix">
                    <van-tag color="#7232dd" style="width: 180px; height: 20px; border-radius: 4px" plain>学生线上生源地助学贷款还款指南</van-tag>
                    <van-tag style="float: right" round type="primary">注意支付操作</van-tag>
                </div>
               <div>
                   <van-tag type="primary">一、PC端还款</van-tag><br/>
                   <van-tag round style="margin-left: 10px; margin-top: 16px" type="danger">(1) 支付宝二维码</van-tag>
                    <van-tag style="height: 70px; margin-top: 10px; border-radius: 6px">
                        学生点击个人还款->输入还款金额->选择支付宝支付方式->发起支付->二维码扫码支付
                    </van-tag>
                   <br/>
                   <van-tag round style="margin-left: 10px; margin-top: 16px" type="warning">(2) 微信二维码</van-tag>
                   <van-tag style="height: 70px; margin-top: 10px; border-radius: 6px">
                        学生点击个人还款->输入还款金额->选择微信支付方式->发起支付->二维码扫码支付
                   </van-tag>
                   <br/>
                   <van-tag style="margin-top: 20px" type="success">二、移动端还款</van-tag><br/>
                   <van-tag round style="margin-left: 10px; margin-top: 16px" type="danger">(1) 支付宝二维码</van-tag>
                   <van-tag style="height: 70px; margin-top: 10px; border-radius: 6px">
                       学生点击还款->输入还款金额->选择支付宝支付方式->发起支付->二维码扫码支付
                   </van-tag>
                   <br/>
                   <van-tag round style="margin-left: 10px; margin-top: 16px" type="warning">(2) 微信二维码</van-tag>
                   <van-tag style="height: 70px; margin-top: 10px; border-radius: 6px">
                       学生点击还款->输入还款金额->选择微信支付方式->发起支付->二维码扫码支付
                   </van-tag>
               </div>
            </el-card>
        </van-pull-refresh>
    </div>
</template>

<script>
    import Toast from "vant/lib/toast";
    import axios from "axios";

    export default {
        name: "ReGuide",
        data() {
            return {
                creditList: [],
                isLoading: false,
                activeNames: ['1'],
            };
        },
        created() {
        },
        methods: {
            onRefresh() {
                setTimeout(() => {
                    Toast('刷新成功');
                    this.isLoading = false;
                    this.count++;
                }, 1000);
            },
        }
    }
</script>

<style scoped>

</style>
